/*
 * Released under BSD License
 * Copyright (c) 2014-2021 hizzgdev@163.com
 *
 * Project Home:
 *   https://github.com/hizzgdev/jsmind/
 */

/* important section */
.js-mind-box {
	.jsmind-inner {
		position: relative;
		overflow: auto;
		width: 100%;
		height: 100%;
		outline: none;
	} /*box-shadow:0 0 2px #000!important;*/
	.jsmind-inner {
		moz-user-select: -moz-none;
		-moz-user-select: none;
		-o-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* z-index:1 */
	svg.jsmind {
		position: absolute;
		z-index: 1;
	}
	canvas.jsmind {
		position: absolute;
		z-index: 1;
	}

	/* z-index:2 */
	jmnodes {
		position: absolute;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0) ;
	} /*background color is necessary*/
	jmnode {
		position: absolute;
		cursor: default;
		max-width: 400px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	jmexpander {
		position: absolute;
		width: 11px;
		height: 11px;
		display: block;
		overflow: hidden;
		line-height: 12px;
		font-size: 12px;
		text-align: center;
		border-radius: 6px;
		border-width: 1px;
		border-style: solid;
		cursor: pointer;
	}

	.m-label,
	.m-value {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 10px;
		min-width: 50px;
		min-height: 40px;
	}

	.m-value {
		flex-direction: column;
		color: #fff;
		background: #236cd0;
	}

	.m-value.default {
		background: #236cd0;
	}
	.m-value.success {
		background: #2fd023;
	}
	.m-value.warning {
		background: #ffcc00;
	}
	.m-value.abnormal {
		background: #ff9600;
	}
	.m-value.danger {
		background: #ff3600;
	}

	.m-score,
	.m-score-total {
		display: inline-block;
		width: 100%;
		padding: 5px 0;
	}

	.jsmind-editor {
		min-height: 40px;
	}

	/* default theme */
	jmnode {
		display: flex;
		align-items: center;
		min-height: 40px;
		padding: 0;
		background-color: #fff !important;
		color: #555 !important;
		border-radius: 8px;
		border: 1px solid #236cd0;
		box-shadow: 0 0 5px #236cd0;
		font: 14px/1.125 Verdana, Arial, Helvetica, sans-serif !important;
	}
	jmnode:hover {
		box-shadow: 0 0 3px #236cd0;
	}
	jmnode.selected {
		box-shadow: 0 0 3px #236cd0;
	}
	jmnode.root {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		width: 167px;
		// min-height: 94px;
	}
	jmnode.root .m-label {
		width: 100%;
		height: 60%;
		font-weight: bold;
		white-space: pre-wrap;
		text-align: center;
	}
	jmnode.root .m-value {
		width: 100%;
		height: 40%;
		color: #fff;
		font-weight: bold;
		background-color: #236cd0;
	}
	jmnode.root .m-value .m-score,
	jmnode.root .m-value .m-score-total {
		text-align: center;
	}
	jmexpander {
		border-color: #236cd0;
		line-height: 8px;
	}
	jmexpander:hover {
		border-color: #236cd0;
	}

	@media screen and (max-device-width: 1024px) {
		jmnode {
			padding: 5px;
			border-radius: 3px;
			font-size: 14px;
		}
		jmnode.root {
			font-size: 21px;
		}
	}

	/* 正常 theme */
	jmnodes.theme-success jmnode.root {
		border: 1px solid #2fd023;
		box-shadow: 0 0 5px #2fd023;
	}

	jmnodes.theme-success jmnode.root .m-value {
		background-color: #2fd023;
	}

	/* 注意 theme */
	jmnodes.theme-info jmnode.root {
		border: 1px solid #ffcc00;
		box-shadow: 0 0 5px #ffcc00;
	}

	jmnodes.theme-info jmnode.root .m-value {
		background-color: #ffcc00;
	}

	/* 异常 theme */
	jmnodes.theme-warning jmnode.root {
		border: 1px solid #ff9600;
		box-shadow: 0 0 5px #ff9600;
	}

	jmnodes.theme-warning jmnode.root .m-value {
		background-color: #ff9600;
	}

	/* 危险 theme */
	jmnodes.theme-danger jmnode.root {
		border: 1px solid #ff3600;
		box-shadow: 0 0 5px #ff3600;
	}

	jmnodes.theme-danger jmnode.root .m-value {
		background-color: #ff3600;
	}
}



// 额外的样式
.js-mind2-box {
	.jsmind-inner {
		position: relative;
		overflow: auto;
		width: 100%;
		height: 100%;
		outline: none;
	} /*box-shadow:0 0 2px #000!important;*/
	.jsmind-inner {
		moz-user-select: -moz-none;
		-moz-user-select: none;
		-o-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* z-index:1 */
	svg.jsmind {
		position: absolute;
		z-index: 1;
	}
	canvas.jsmind {
		position: absolute;
		z-index: 1;
	}
  jmnode[nodeid='root'] {
    background-color: #236cd0;
    color: #fff;
  }

	/* z-index:2 */
	jmnodes {
		position: absolute;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0) ;
	} /*background color is necessary*/
	jmnode {
		position: absolute;
		cursor: default;
		max-width: 400px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	jmexpander {
		position: absolute;
		width: 11px;
		height: 11px;
		display: block;
		overflow: hidden;
		line-height: 12px;
		font-size: 12px;
		text-align: center;
		border-radius: 6px;
		border-width: 1px;
		border-style: solid;
		cursor: pointer;
	}

	.jsmind-editor {
		min-height: 40px;
	}

	/* default theme */
	jmnode {
		display: flex;
		align-items: center;
		min-height: 40px;
		min-width: 80px;
		justify-content: center;
		padding: 0;
		background-color: #fff ;
		color: #555 ;
		// color: #fff;
		border-radius: 8px;
		border: 1px solid #236cd0;
		box-shadow: 0 0 5px #236cd0;
		// font: 14px/1.125 Verdana, Arial, Helvetica, sans-serif !important;
		font: 18px/1.125 Verdana, Arial, Helvetica, sans-serif !important;
	}
	jmnode:hover {
		box-shadow: 0 0 3px #236cd0;
	}
	jmnode.root {
		display: flex;
		flex-direction: column;
		// justify-content: space-between;
		justify-content: center;
		width: 167px;
		min-height: 64px;
	}
	jmexpander {
		border-color: #236cd0;
		line-height: 8px;
	}
	jmexpander:hover {
		border-color: #236cd0;
	}

	@media screen and (max-device-width: 1024px) {
		jmnode {
			padding: 5px;
			border-radius: 3px;
			font-size: 14px;
		}
		jmnode.root {
			font-size: 21px;
		}
	}
}
